<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

<title>平台支付</title>
<meta name="keywords" content="平台支付系统">
<meta name="description" content="平台支付系统">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/login.css" rel="stylesheet">
<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
<script>
	if (window.top !== window.self) {
		window.top.location = window.location;
	}
</script>

</head>

<body class="signin">
	<div class="signinpanel">
		<div class="row">
			<div class="col-sm-7">
				<div class="signin-info">
					<div class="logopanel m-b">
						<h1>平台支付</h1>
					</div>
					<div class="m-b"></div>
					<h3>
						欢迎使用 <strong>平台管理系统</strong>
					</h3>
					<ul class="m-b">
						<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>
							安全</li>
						<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 高效</li>
						<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 聚合</li>
						<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>
							托管</li>
						<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>
							金融</li>
					</ul>
				</div>
			</div>
			<div class="col-sm-5">
				<form id="signupForm">
					<h3 class="text-center">用户登录</h3>
					<p class="m-t-md text-center">欢迎登录平台后台管理系统</p>
					<input type="text" name="username" class="form-control uname" maxlength="20"/>
					<input type="password" name="password"	class="form-control pword m-b" maxlength="20"/> 
					<button class="btn btn-login btn-block">登录</button>
					<!--按钮模块-->
					<div class="outside-login">
						<div class="outside-login-tit">
							<span>友情链接</span>
						</div>
						<!-- 
						<div class="outside-login-cot">
							<a class="outside-login-btn wxoa actived oschina J-btnSwitchLoginType" target="_Blank" href="www.baidu.com"> 
								 <em><i class="fa fa-home"></i></em>       
								 <span>菲特商城主页</span>      
							</a>
						</div>
						 -->
					</div>
					
				</form>
			</div>
		</div>
		<div class="signup-footer">
			<div class="pull-left">&copy; 2017 All Rights Reserved. jfpay</div>
		</div>
	</div>
	<!-- 全局js -->
	<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"></script>

	<!-- 自定义js -->
	<script src="/js/content.js?v=1.0.0"></script>

	<!-- jQuery Validation plugin javascript-->
	<script src="/js/plugins/validate/jquery.validate.min.js"></script>
	<script src="/js/plugins/validate/messages_zh.min.js"></script>
	<script src="/js/plugins/layer/layer.min.js"></script>
	<script type="text/javascript" src="/js/md5.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			validateRule();
			//$("#signupForm").validate();
		});
		$.validator.setDefaults({
			submitHandler : function() {
				var username = $("#signupForm input[name='username']").val();
				var password = $("#signupForm input[name='password']").val();
				$.ajax({
					type : "POST",
					url : "/salt",
					data:{username:username},
					success : function(r) {
						if (r.code == 0) {
							login(username,md5(username+md5(password)+r.data));
						} else {
							layer.msg(r.msg);
						}
					}
				})
			}
		});

		function login(username,password) {
			$.ajax({
				type : "POST",
				url : "/login",
				data : {
					username:username,
					password:password
				},
				success : function(r) {
					if (r.code == 0) {
						parent.location.href = '/index';
					} else {
						layer.msg(r.msg);
					}
				}
			});
		}

		function validateRule() {
			var icon = "<i class='fa fa-times-circle'></i> ";
			$("#signupForm").validate({
				rules : {
					username : {
						required : true
					},
					password : {
						required : true
					}
				},
				messages : {
					username : {
						required : icon + "请输入您的用户名",
					},
					password : {
						required : icon + "请输入您的密码",
					}
				}
			})
		}
	</script>
</body>
</html>
